<template>
    <div>
        <h2>{{ msg }}</h2>
        <h3>{{ obj.name }}</h3>
        <p>{{ obj.age >= 18 ? '成年' : '未成年' }}</p>
        <p>来年小黄树杰就{{ obj.age+1 }}岁了</p>
    </div>
</template>

<script>
    /*
    目标：插值表达式
    作用：把vue的数据变量(作为内容)战士在双标签中
    语法：{{vue数据变量/三元表达式/运算数据}}
    */
    export default {
        data() {
            return {
                msg: 'Ha喽',
                obj: {
                    name: '黄树杰',
                    age: 18
                }
            }
        }
    }
</script>

<style>

</style>